<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Carbon - Admin Template</title>
    <link rel="stylesheet" href="/static/dist/vendor/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" href="/static/dist/vendor/font-awesome/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="/static/dist/css/styles.css">
</head>
<body>
<form method="post" action="/cmdb/login/auth/">
    {% csrf_token %}
<div class="page-wrapper flex-row align-items-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-5">
                <div class="card p-4">
                    <div class="card-header text-center text-uppercase h4 font-weight-light">
                        登录
                    </div>

                    <div class="card-body py-5">
                        <!--
                        <div class="form-group">
                            <label class="form-control-label">用户名</label>
                            <label style="color:red";>{{status}}</label>
                            <input type="text" class="form-control" name="user">
                        </div>-->
                        <label style="color:red";>{{status}}</label>

                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                               <span class="input-group-text"><i class="fa fa-user"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="用户名" name="user">
                        </div>
                        <!--
                        <div class="form-group">
                            <label class="form-control-label">密码</label>
                            <input type="password" class="form-control" name="pwd">
                        </div>-->
                        <div class="input-group mb-3">
                           <div class="input-group-prepend">
                              <span class="input-group-text"><i class="fa fa-credit-card"></i></span>
                           </div>
                           <input type="password" class="form-control" placeholder="密  码" name="pwd">
                        </div>

                        <div class="row">
                            <!--
                            <div class="custom-control custom-checkbox col-6 mt-2">
                                <input type="checkbox" class="custom-control-input" id="login" name="remember">
                                <label class="custom-control-label" for="login">记住我</label>
                            </div>-->
                            <div class="col-md-6 mt-2">
                                        <div class="toggle-switch" data-ts-color="primary">
                                            <label for="login" class="ts-label">记住我</label>
                                            <input id="login" type="checkbox" hidden="hidden" name="remember">
                                            <label for="login" class="ts-helper"></label>
                                        </div>
                            </div>
                            <div class="col-md-6">
                                <a href="/cmdb/login/forget_pass/step/1/" class="btn btn-link">忘记密码?</a>
                            </div>
                        </div>


                    </div>

                    <div class="card-footer">
                        <div class="row">
                            <div class="col-6">
                                <button type="submit" class="btn btn-primary btn-block">登录</button>
                            </div>
                            <div class="col-6">
                                <a href="/cmdb/register/" class="btn btn-outline-primary btn-block">注册</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>
<script src="/static/dist/vendor/jquery/jquery.min.js"></script>
<script src="/static/dist/vendor/popper.js/popper.min.js"></script>
<script src="/static/dist/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/dist/vendor/chart.js/chart.min.js"></script>
<script src="/static/dist/js/carbon.js"></script>
<script src="/static/dist/js/demo.js"></script>
</body>
</html>
